<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>课程评价</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/mall/productEvaluation.css" />
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header">
				<a v-on:click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">课程评价</div>
			</div>
			<!--公共头部结束-->
			<div class="main">
				<!--评价数量S-->
				<div class="evaluation-one">
					<div class="evaluation-head-div after">
						<p>全部评价</p>
						<p class="red">{{all_comment?all_comment:0}}</p>
					</div>
					<div class="evaluation-head-div after">
						<p>好评</p>
						<p>{{good_point?good_point:0}}</p>
					</div>
					<div class="evaluation-head-div after">
						<p>中评</p>
						<p>{{middle_point?middle_point:0}}</p>
					</div>
					<div class="evaluation-head-div">
						<p>差评</p>
						<p>{{bad_comment?bad_comment:0}}</p>
					</div>
					<div class="clear">

					</div>
				</div>
				<!--评价数量E-->
				<!--评论列表S-->
				<ul class="evaluation-ul">
					<li class="evaluation-li" v-for="item in scoreList" @click="showThis(item.id)">
						<div class="evaluation-li-head">
							<img class="evaluation-li-img" :src="url+(item.avatar_path)+(item.avatar)" />
							<span class="evaluation-li-nam">{{item.nickname}}</span>
							<div class="evaluation-li-time">
								<i class="fa fa-clock-o evaluation-li-i"></i>
								<span class="evaluation-li-time-span">{{item.created_at}}</span>
							</div>
							<div class="clear"></div>
						</div>
						<div class="evaluation-li-main" v-html="item.content"></div>
					</li>
				</ul>
				<!--评论列表E-->
			</div>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/mall/productEvaluation.js" type="text/javascript" charset="utf-8"></script>

</html>